<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详细信息</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/framework7/1.6.5/css/framework7.ios.colors.css" rel="stylesheet">
</head>
<body>

<div class="views">
    <div data-page="index" class="page navbar-fixed toolbar-fixed">
        <div class="navbar">
            <div class="navbar-inner">
                <div class="left">
                    <a onclick="location='/travel/view/'" class="link">
                        <i class="icon icon-back"></i>
                    </a>
                </div>
                <div class="center">详细信息</div>
                <div class="right">
                </div>
            </div>
        </div>

        <div class="page-content">
            <div class="list-block media-list" style="margin: 15px 0">
                <ul>
                    <li>
                        <div href="#" class="item-link item-content" style="background-image:none;">
                            <div class="item-media"><img src={{ user.imgurl }} width="80"></div>
                            <div class="item-inner">
                                <div class="item-title-row" style="background-image:none;">
                                    <div class="item-title">{{ user.name }}</div>
                                    <div class="item-after">112人已查看</div>
                                </div>
                                <div class="item-subtitle">
                                    {% if user.gender == 0 %}女
                                    {% else %} 男
                                    {% endif %}
                                    |
                                    {% if user.age == 1 %} 70后
                                    {% elif user.age == 2 %} 80后
                                    {% elif user.age == 3 %} 90后
                                    {% elif user.age == 4 %} 00后
                                    {% endif %}
                                </div>
                                <div class="item-text">{{ user.description }}</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="list-block media-list" style="margin: 15px 0">
                <ul>
                    {% for travel in travels %}
                    <li>
                        <div href="#" class="item-link item-content">
                            <div class="item-inner">
                                <div class="item-title-row" style="background-image:none;">
                                    <div class="item-title">行程{{ forloop.counter }}</div>
                                </div>
                                <div class="item-subtitle">
                                    <div>{{ travel.game.home_team }} - {{ travel.game.away_team }}</div>
                                    <div>{{ travel.from_city }} | {{ travel.start_date }}</div>
                                    <div>{{ travel.vehicle }}
                                        {% if travel.vehicle_no is not None %}
                                            | {{ travel.vehicle_no }}
                                        {% endif %}
                                        </div>
                                    <div>
                                        {% if travel.hotel == 1 %}
                                            {{ travel.hotel_name }}
                                        {% elif travel.hotel == 0 %}
                                            未预定酒店
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>


</body>
<script src="https://cdn.bootcss.com/framework7/1.6.5/js/framework7.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script>
    var myApp = new Framework7();
    var $$ = Dom7;
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_1267142462'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1267142462%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>

</html>